<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Demo upload file</title>
        <script src="http://code.jquery.com/jquery-latest.min.js">
        </script>
        <script src="js/script.js">
        </script>
        <script type="application/javascript">
            $(document).ready(function(){
            
            });
        </script>
    </head>
    <body>
        <div class="container">
            <div id="response">
            </div>
			<p>
                <input type="file" id="file"/>
				<button onclick="savedFile()">
                        Upload
                    </button>
                    <button onclick="getResults()">
                        Crop
                    </button>
            </p>
			<div id="results">
                <h3>Dest image</h3>
                <img id="crop_result" />
            </div>
			<h3>Source Image</h3>
            <canvas id="panel" width="779" height="519">
            </canvas>
            <span id ='viewImage'></span>
            
        </div>
    </body>
</html>